<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Element对象</title>
</head>
<body>

<div id="div1">
    <p id="p1" style="color: red">
        我是p1
    </p>
    <p id="p2">
        我是p2
    </p>
</div>

<script>
    /*
        Element: 元素对象
			1.获取/创建: 通过 document 来获取和创建
			2.方法:
				1.removeAttribute(): 删除属性
				2.setAttribute(): 设置属性
     */
    var p3 = document.createElement("p");
    var text = document.createTextNode("我是p3");
    p3.appendChild(text);

    var div1 = document.getElementById("div1");
    div1.appendChild(p3);

    //删除属性
    //document.getElementById("p1").removeAttribute("style");

    //设置属性
    document.getElementById("p1").setAttribute("style","color: hotpink");


</script>

</body>
</html>